<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表操作</title>
  <style>
    .a{
        list-style-type: none;
    }
    .b{
        list-style-type: square;
    }
    .c{
        list-style-type: upper-alpha;
    }
    .d{
        list-style-type: lower-roman;
    }
    .a>.e{
        border: 1px solid red;
    }
  </style>
</head>
<body>
<ul class="a">
  <li class="e">Coffee</li>
  <li>Tea</li>
  <li>Coco</li>
</ul>
<ul class="b">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Coco</li>
</ul>
<ol class="c">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Coco</li>
</ol>
<ol class="d">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Coco</li>
</ol>

</body>
</html>